<template>
	<view class="pf" 
	:style="'height: '+height+'px;left:0;top:'+pfTop+';width: 100%;line-height:'+height+'px;background: #eeeeee;z-index: 9999;'">
		<view :style="'height: '+height+'px;width:100%;text-align:center;color:#999;font-size:14px;'" class="disfr-lr">
			<view class="disf" style="padding-left: 10px;">
				<view class="pr" style="top:2px;"><u-icon name="close-circle" color="color:#999" size="36"></u-icon></view>
				<text style="margin-left: 1px;">{{info ? info : '未检测到网络或当前网络不可用'}}</text>
			</view>
			<view></view>
		</view>
	</view>  
	<view :style="'height:'+height+'px;'"></view>
</template>

<script setup>
import { ref } from 'vue';
const props = defineProps({
    height:[String,Number],
	info:String
});
// 获取系统状态栏的高度
let heightT=0;
let systemInfo = uni.getSystemInfoSync();
// #ifdef APP-PLUS || H5
heightT=44
// #endif
// #ifdef MP
heightT = systemInfo.platform == 'ios' ? 44 : 48;
// #endif
heightT+=systemInfo.statusBarHeight;
const pfTop=ref(heightT);
</script>

<style lang="scss">

</style>
